$iconList: 10,12,
  14,
  16,
  18,
  20,
  22,
	23,
  24,
  26,
  28,
  32,
	33,
  34,
  36,
  40,
  42,
  44,
  48,
  50,
  52,
  56,
  60,
  68,
  64,
  72,
  80,
  88,
  98,
  100,
  110,
  120,
  124,
  128,
  140,
  156,
  188;

$zIndexList: 1, 2, 3, 4, 8, 9, 10, 11, 12, 99, 100, 999;
$degList: (
	'0': 0deg,
	'45': 45deg,
	'90': 90deg,
	'135': 135deg,
	'180': 180deg,
	'-45': -45deg,
	'-90': -90deg,
	'-135': -135deg,
	'-180': -180deg,
);



page {
  width: 100%;
  height: 100%;
  // font-family: PingFang SC;
  font-family: "Heiti SC", "Arial", sans-serif;
  color: #000;
	font-size: 28rpx;
	background-color: $uni-bg-color-grey;
}

view {
  box-sizing: border-box;
}



.page-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
}

.page-body {
  width: 100%;
  flex: 1;
  height: 0;
  box-sizing: border-box;
}

.overflow-x {
  overflow-x: auto;
}

.overflow-y {
  overflow-y: auto;
}

.overflow {
  overflow: hidden;
}

.page-bottom {
  height: 122rpx;
  background-color: #ffffff;
}

.page-bottom-new {
  min-height: 144rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(0, 0, 0, 0.1);
  border-radius: 48rpx 48rpx 0 0;
	padding-bottom: 40rpx;
}

.page-bottom-fixed {
  padding: 0 32rpx;
  position: fixed;
  bottom: 90rpx;
  left: 0;
  width: 100%;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-row {
  flex-direction: row;
}
// Align Items
.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}
.items-items {
  align-items: stretch;
}
.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

// Align Content
.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

// Align Self
.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

// Justify Content
.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

// Justify Items
.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

// Justify Self
.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

//Position
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.m-auto{
	margin: auto;
}

.w-content{
	width: fit-content;
}
.h-content{
	height: fit-content;
}


@each $item in $zIndexList {
  .zIndex-#{$item} {
    z-index: $item;
  }
}

@each $key,
$val in $degList {
  .rotate-#{$key} {
    transform: rotate($val)
  }
}

// Icon
@each $item in $iconList {
  .icon-#{$item} {
    width: $item + rpx;
    height: $item + rpx;
  }
}

	// Border
	.border {
	  border-width: 1px;
		border-style: solid;
	}
	
	.border-t {
	  border-width: 1px 0 0 0;
		border-style: solid;
	}
	
	.border-b{
	  border-width: 0 0 1px 0;
		border-style: solid;
	}
	
	.border-l{
	  border-width: 0 0 0 1px;
		border-style: solid;
	}
	
	.border-r{
	  border-width: 0 1px 0 0;
		border-style: solid;
	}

$borderList: 1,2,3,4,5,6,8,10,16,20;

@each $item in $borderList {
		// Border
	 /* #ifndef MP-WEIXIN */
	.border-#{$item} {
	  border-width: $item + px;
		border-style: solid;
	}
	/* #endif */
	/* #ifdef MP-WEIXIN */
	.border-#{$item} {
	  border-width: $item + px;
		border-style: solid;
	}
	/* #endif */
	.border-t-#{$item} {
	  border-width: $item + px 0 0 0;
		border-style: solid;
	}
	
	.border-b-#{$item} {
	  border-width: 0 0 $item + px 0;
		border-style: solid;
	}
	
	.border-l-#{$item} {
	  border-width: 0 0 0 $item + px;
		border-style: solid;
	}
	
	.border-r-#{$item} {
	  border-width: 0 $item + px 0 0;
		border-style: solid;
	}
}


$radiusList: 8,10,12,16,24,32,40,48,64;

@each $item in $radiusList {
	// Border
	.radius-#{$item} {
	  border-radius: $item + rpx;
	}
	
	.radius-top-#{$item} {
	  border-radius: $item + rpx $item + rpx 0 0;
	}
	
	.radius-left-#{$item} {
	  border-radius: $item + rpx 0 0 $item + rpx  ;
	}
	
	.radius-right-#{$item} {
	  border-radius:0 $item + rpx  $item + rpx 0;
	}
	
	.radius-bottom-#{$item} {
	  border-radius:0 0 $item + rpx $item + rpx ;
	}
}

.radius-percent-50{
	border-radius: 50%;
}


.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-solid {
  border-style: solid;
}

.border-transparent {
  border-color: transparent;
}

// banner 下标
.indicator-num {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  width: 52rpx;
  height: 32rpx;
  line-height: 32rpx;
  @include flex;
  justify-content: center;
  align-items: center;

  &__text {
    color: #000;
    font-size: 10px;
  }
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.text-justify{
	text-align: justify;
	text-align-last: justify;
}

.text-overflow-6 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.text-overflow-4 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-overflow-3 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all; /* 允许长文本换行 */
}

.text-overflow-2 {
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all; /* 允许长文本换行 */
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.break-spaces {
	white-space: break-spaces;
}

// 删除按钮
.deleteIcon{
	position: absolute;
	top: 0;
	right: 0;
	width: 44rpx;
	height: 44rpx;
	background: rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 24rpx 0 44rpx;
	padding-left: 6rpx;
}
.border-s{
  border: 2rpx solid #E9E9E9;
}
.uni-slider-tap-area{
  padding: 0 !important;
}
.gradient {
  width: 6rpx;
  height: 24rpx;
  background: linear-gradient(180deg, #00FF94 0%, #5BC599 100%);
}
.border-info{
  border-radius: 8rpx 8rpx 8rpx 8rpx;
  background-color: #FFFFFF;
  font-weight: 500;
  font-size: 28rpx;
  color: #000000;
  border: 2rpx solid #E9E9E9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.border-active {
  background: #00FF94;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  font-weight: 800;
  font-size: 28rpx;
  color: #000000;
  border: 2rpx solid #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid-box{
  display: grid;
  grid-gap: 12rpx;
  gap: 12rpx;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-box3{
  display: grid;
  grid-gap: 12rpx;
  gap: 12rpx;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-box6{
  display: grid;
  grid-gap: 16rpx;
  gap: 16rpx;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.uni-textarea-wrapper{
  //height: 100% !important;
  position: static;
  //white-space: pre-wrap
}
.border-2 {
  border: 2rpx solid #000000;
}

.flex-baseline{
	align-items: baseline;
}

